<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>修改作业-电子作业</title>
    <link rel="stylesheet" href="../../css/mdui.css">
    <link rel="stylesheet" href="../../css/main.css">
</head>

<body class="mdui-appbar-with-toolbar mdui-color-grey-50">

    <!-- 顶部导航栏 -->
    <header>
        <div class="mdui-appbar mdui-appbar-fixed mdui-appbar-scroll-toolbar-hide">
            <div class="mdui-toolbar mdui-color-deep-purple">
                <a href="./myword.html" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">arrow_back</i></a>
                <a href="../index.html" class="mdui-typo-title">操作系统学习平台</a>
                <div class="mdui-toolbar-spacer"></div>
                <!-- 一个通知按钮 -->
                <a href="../Personal/notice.html">
                    <span class="mdui-btn mdui-btn-icon mdui-ripple mdui-ripple-white">
                            <i class="mdui-icon material-icons">notifications</i>
                        </span>
                </a>

                <span class="mdui-btn mdui-btn-icon mdui-ripple mdui-ripple-white" mdui-menu="{target: '#login-menu'}">
                        <i class="mdui-icon material-icons">account_circle</i>
                    </span>
                <!-- 小菜单 -->
                <ul class="mdui-menu mdui-menu-cascade mdui-menu-cascade-custom" id="login-menu">
                    <li class="mdui-menu-item">
                        <div class="mdui-row mdui-valign">
                            <div class="mdui-col-md-3 mdui-m-l-3">
                                <div class="user-head-img mdui-img-circle" style="background: url(../../images/touxiang1.jpg);"></div>
                            </div>
                            <div class="mdui-col-md-7 mdui-typo">
                                <div>姓名：李老师</div>
                                <div>工号：91145</div>
                            </div>
                        </div>
                    </li>
                    <li class="mdui-divider"></li>
                    <li class="mdui-menu-item">
                        <a href="../Personal/notice.html" class="mdui-ripple">
                            <i class="mdui-menu-item-icon mdui-icon material-icons">notifications_none</i>我的通知
                        </a>
                        <a href="../Personal/message.html" class="mdui-ripple">
                            <i class="mdui-menu-item-icon mdui-icon material-icons">chat_bubble_outline</i>我的留言
                        </a>
                        <a href="../Personal/setting.html" class="mdui-ripple">
                            <i class=" mdui-menu-item-icon mdui-icon material-icons">settings</i>设置
                        </a>
                        <a href="../../login.html" class="mdui-ripple">
                            <i class=" mdui-menu-item-icon mdui-icon material-icons">exit_to_app</i>登出
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </header>
    <!-- 顶部导航栏结束 -->

    <article class="mdui-container">
        <div class="mdui-row">
            <div class="mdui-typo">
                <h5>修改作业- 电子作业 </h5>
            </div>
        </div>



        <!-- 作业表单 -->
        <div class="mdui-container-fluid mdui-shadow-1 mdui-color-white">


            <div class="mdui-container">


                <!-- 作业标题区域 -->
                <div class="mdui-subheader">作业标题
                    <i class="mdui-icon material-icons" mdui-tooltip="{content: '用于描述作业'}">info</i>
                </div>
                <div class="mdui-textfield">
                    <input class="mdui-textfield-input" type="text" placeholder="请输入作业标题" />
                </div>


                <!-- 设置作业结束日期区域 -->
                <div class="mdui-subheader">设置作业结束时间
                    <i class="mdui-icon material-icons" mdui-tooltip="{content: '到结束时间后停止提交作业'}">info</i>
                </div>
                <input type="date" />
                <input type="time" />
                <br>

                <!-- 选择班级区域 -->
                <span class="mdui-subheader">选择班级
                    <i class="mdui-icon material-icons" mdui-tooltip="{content: '点击 [ 查看班级列表 ] 进行勾选'}">info</i>
                </span>


                <!-- 筛选后班级列表 -->
                <div class="mdui-row-md-6">
                    <div class="mdui-col">
                        <label class="mdui-checkbox">
                                            <input type="checkbox" checked/>
                                            <i class="mdui-checkbox-icon"></i>
                                            计科1601
                        </label>
                    </div>
                    <div class="mdui-col">
                        <label class="mdui-checkbox">
                                        <input type="checkbox" checked/>
                                        <i class="mdui-checkbox-icon"></i>
                                        计科1602
                            </label>
                    </div>
                    <div class="mdui-col">
                        <label class="mdui-checkbox">
                                            <input type="checkbox" checked/>
                                            <i class="mdui-checkbox-icon"></i>
                                            计科1603
                        </label>
                    </div>
                </div>

                <div class="mdui-row-xs-1">
                    <div class="mdui-col">
                        <button class="mdui-btn mdui-btn-block mdui-color-grey-400 mdui-ripple" mdui-dialog="{target: '#example-1'}">查看班级列表</button>
                    </div>
                </div>
                <!-- 班级列表结束 -->



                <!-- 选择作业解析区域 -->
                <div class="mdui-subheader">选择作业解析
                    <i class="mdui-icon material-icons" mdui-tooltip="{content: '点击 [ 查看作业解析列表 ] 进行勾选'}">info</i>
                </div>

                <div class="mdui-list">

                    <label class="mdui-list-item mdui-ripple">
                      <div class="mdui-checkbox">
                        <input type="checkbox" checked/>
                        <i class="mdui-checkbox-icon"></i>
                      </div>
                      <div class="mdui-list-item-content">作业解析的标题1</div>
                      <i class="mdui-list-item-icon mdui-icon material-icons">chat</i>
                    </label>

                    <label class="mdui-list-item mdui-ripple">
                      <div class="mdui-checkbox">
                        <input type="checkbox" checked/>
                        <i class="mdui-checkbox-icon"></i>
                      </div>
                      <div class="mdui-list-item-content">作业解析的标题3</div>
                      <i class="mdui-list-item-icon mdui-icon material-icons">chat</i>
                    </label>

                </div>

                <div class="mdui-row-xs-1">
                    <div class="mdui-col">
                        <button class="mdui-btn mdui-btn-block mdui-color-grey-400 mdui-ripple" mdui-dialog="{target: '#example-2'}">查看作业解析列表</button>
                    </div>
                </div>

                <!-- 选择文档列表区域 -->
                <div class="mdui-subheader">选择作业文档
                    <i class="mdui-icon material-icons" mdui-tooltip="{content: '点击 [ 查看文档列表 ] 进行勾选'}">info</i>
                </div>

                <div class="mdui-list">

                    <label class="mdui-list-item mdui-ripple">
                      <div class="mdui-checkbox">
                        <input type="checkbox" checked/>
                        <i class="mdui-checkbox-icon"></i>
                      </div>
                      <div class="mdui-list-item-content">文档一</div>
                      <i class="mdui-list-item-icon mdui-icon material-icons">note</i>
                    </label>


                    <label class="mdui-list-item mdui-ripple">
                      <div class="mdui-checkbox">
                        <input type="checkbox" checked/>
                        <i class="mdui-checkbox-icon"></i>
                      </div>
                      <div class="mdui-list-item-content">文档二</div>
                      <i class="mdui-list-item-icon mdui-icon material-icons">note</i>
                    </label>

                </div>

                <div class="mdui-row-xs-1">
                    <div class="mdui-col">
                        <button class="mdui-btn mdui-btn-block mdui-color-grey-400 mdui-ripple" mdui-dialog="{target: '#example-3'}">查看文档列表</button>
                    </div>
                </div>


                <!-- 填写作业要求区域 -->
                <div class="mdui-subheader">填写作业要求
                    <i class="mdui-icon material-icons" mdui-tooltip="{content: '用于展示作业的详细内容'}">info</i>
                </div>
                <form method="post">
                    <textarea id="mytextarea">Hello, World!</textarea>
                </form>

                <div class="mdui-row mdui-m-y-2 mdui-clearfix mdui-float-right">
                    <button class="mdui-btn mdui-color-indigo-accent mdui-ripple">取消</button>
                    <a href="javascript:alert(tinyMCE.activeEditor.getContent() );">
                        <button class="mdui-btn mdui-color-indigo-accent mdui-ripple">发布</button>
                    </a>
                </div>



                <!-- 选择班级列表对话框 -->
                <div class="mdui-dialog" id="example-1">
                    <div class="mdui-dialog-title">请勾选要添加的班级</div>
                    <div class="mdui-dialog-content mdui-p-a-2">
                        <div class="mdui-row-md-2 mdui-text-center mdui-m-b-5">
                            <div class="mdui-col">
                                筛选院系:
                                <select class="mdui-select" mdui-select="{position: 'bottom'}">
                                            <option value="1">计算机科学与技术</option>
                                            <option value="2">软件工程</option>
                                </select>
                            </div>
                            <div class="mdui-col">
                                筛选年级:
                                <select class="mdui-select" mdui-select="{position: 'bottom'}">
                                            <option value="1">2016</option>
                                            <option value="2">2017</option>
                                            <option value="2">2018</option>
                                            <option value="2">2019</option>
                                </select>
                            </div>
                        </div>
                        <div class="mdui-divider"></div>


                        <!-- 筛选后班级列表 -->
                        <div class="mdui-row-md-4">
                            <div class="mdui-col">
                                <label class="mdui-checkbox">
                                    <input type="checkbox" checked/>
                                    <i class="mdui-checkbox-icon"></i>
                                    计科1601
                                </label>
                            </div>
                            <div class="mdui-col">
                                <label class="mdui-checkbox">
                                    <input type="checkbox" checked/>
                                    <i class="mdui-checkbox-icon"></i>
                                    计科1602
                                </label>
                            </div>
                            <div class="mdui-col">
                                <label class="mdui-checkbox">
                                            <input type="checkbox" checked/>
                                            <i class="mdui-checkbox-icon"></i>
                                            计科1603
                                </label>
                            </div>
                            <div class="mdui-col">
                                <label class="mdui-checkbox">
                                            <input type="checkbox"/>
                                            <i class="mdui-checkbox-icon"></i>
                                            计科1604
                                </label>
                            </div>
                            <div class="mdui-col">
                                <label class="mdui-checkbox">
                                                <input type="checkbox"/>
                                                <i class="mdui-checkbox-icon"></i>
                                                计科1605
                                </label>
                            </div>
                            <div class="mdui-col">
                                <label class="mdui-checkbox">
                                            <input type="checkbox"/>
                                            <i class="mdui-checkbox-icon"></i>
                                            计科1606
                                </label>
                            </div>
                            <div class="mdui-col">
                                <label class="mdui-checkbox">
                                            <input type="checkbox"/>
                                            <i class="mdui-checkbox-icon"></i>
                                            计科1607
                                </label>
                            </div>
                            <div class="mdui-col">
                                <label class="mdui-checkbox">
                                                <input type="checkbox"/>
                                                <i class="mdui-checkbox-icon"></i>
                                                计科1608
                                </label>
                            </div>
                            <div class="mdui-col">
                                <label class="mdui-checkbox">
                                        <input type="checkbox"/>
                                        <i class="mdui-checkbox-icon"></i>
                                        计科1609
                                </label>
                            </div>
                        </div>

                    </div>
                    <div class="mdui-dialog-actions">
                        <button class="mdui-btn mdui-ripple" mdui-dialog-close>取消</button>
                        <button class="mdui-btn mdui-ripple" mdui-dialog-confirm>确定</button>
                    </div>
                </div>
                <!-- 选择班级列表对话框结束 -->


                <!-- 选择作业解析列表框 -->
                <div class="mdui-dialog" id="example-2">
                    <div class="mdui-dialog-title">请勾选要添加的作业解析</div>
                    <div class="mdui-dialog-content">

                        <div class="mdui-list">

                            <label class="mdui-list-item mdui-ripple">
                              <div class="mdui-checkbox">
                                <input type="checkbox" checked/>
                                <i class="mdui-checkbox-icon"></i>
                              </div>
                              <div class="mdui-list-item-content">作业解析的标题1</div>
                              <i class="mdui-list-item-icon mdui-icon material-icons">chat</i>
                            </label>

                            <label class="mdui-list-item mdui-ripple">
                              <div class="mdui-checkbox">
                                <input type="checkbox"/>
                                <i class="mdui-checkbox-icon"></i>
                              </div>
                              <div class="mdui-list-item-content">作业解析的标题2</div>
                              <i class="mdui-list-item-icon mdui-icon material-icons">chat</i>
                            </label>

                            <label class="mdui-list-item mdui-ripple">
                              <div class="mdui-checkbox">
                                <input type="checkbox" checked/>
                                <i class="mdui-checkbox-icon"></i>
                              </div>
                              <div class="mdui-list-item-content">作业解析的标题3</div>
                              <i class="mdui-list-item-icon mdui-icon material-icons">chat</i>
                            </label>
                            <label class="mdui-list-item mdui-ripple">
                                <div class="mdui-checkbox">
                                  <input type="checkbox"/>
                                  <i class="mdui-checkbox-icon"></i>
                                </div>
                                <div class="mdui-list-item-content">作业解析的标题4</div>
                                <i class="mdui-list-item-icon mdui-icon material-icons">chat</i>
                              </label>
                            <label class="mdui-list-item mdui-ripple">
                                <div class="mdui-checkbox">
                                  <input type="checkbox"/>
                                  <i class="mdui-checkbox-icon"></i>
                                </div>
                                <div class="mdui-list-item-content">作业解析的标题5</div>
                                <i class="mdui-list-item-icon mdui-icon material-icons">chat</i>
                              </label>
                        </div>

                    </div>
                    <div class="mdui-dialog-actions">
                        <button class="mdui-btn mdui-ripple" mdui-dialog-close>取消</button>
                        <button class="mdui-btn mdui-ripple" mdui-dialog-confirm>确定</button>
                    </div>
                </div>

                <!-- 选择文档列表框 -->
                <div class="mdui-dialog" id="example-3">
                    <div class="mdui-dialog-title">请勾选要添加的文档</div>
                    <div class="mdui-dialog-content">

                        <div class="mdui-list">

                            <label class="mdui-list-item mdui-ripple">
                              <div class="mdui-checkbox">
                                <input type="checkbox" checked/>
                                <i class="mdui-checkbox-icon"></i>
                              </div>
                              <div class="mdui-list-item-content">文档一</div>
                              <i class="mdui-list-item-icon mdui-icon material-icons">note</i>
                            </label>

                            <label class="mdui-list-item mdui-ripple">
                              <div class="mdui-checkbox">
                                <input type="checkbox" checked/>
                                <i class="mdui-checkbox-icon"></i>
                              </div>
                              <div class="mdui-list-item-content">文档二</div>
                              <i class="mdui-list-item-icon mdui-icon material-icons">note</i>
                            </label>

                            <label class="mdui-list-item mdui-ripple">
                              <div class="mdui-checkbox">
                                <input type="checkbox" />
                                <i class="mdui-checkbox-icon"></i>
                              </div>
                              <div class="mdui-list-item-content">文档三</div>
                              <i class="mdui-list-item-icon mdui-icon material-icons">note</i>
                            </label>
                            <label class="mdui-list-item mdui-ripple">
                                <div class="mdui-checkbox">
                                  <input type="checkbox"/>
                                  <i class="mdui-checkbox-icon"></i>
                                </div>
                                <div class="mdui-list-item-content">文档四</div>
                                <i class="mdui-list-item-icon mdui-icon material-icons">note</i>
                              </label>
                            <label class="mdui-list-item mdui-ripple">
                                <div class="mdui-checkbox">
                                  <input type="checkbox"/>
                                  <i class="mdui-checkbox-icon"></i>
                                </div>
                                <div class="mdui-list-item-content">文档五</div>
                                <i class="mdui-list-item-icon mdui-icon material-icons">note</i>
                              </label>
                        </div>

                    </div>
                    <div class="mdui-dialog-actions">
                        <button class="mdui-btn mdui-ripple" mdui-dialog-close>取消</button>
                        <button class="mdui-btn mdui-ripple" mdui-dialog-confirm>确定</button>
                    </div>
                </div>



            </div>


        </div>
    </article>


    <!-- 底部页脚 -->
    <footer class="mdui-container-fluid mdui-text-center mdui-m-t-2">
        <div class="mdui-bottom-nav">
            <p class="mdui-ripple mdui-container-fluid mdui-valign">Copyright © 2019 北京交通大学海滨学院</p>
        </div>
    </footer>

    <script src="../../js/mdui.js"></script>
    <!-- 加载编辑器 -->
    <script src="../../Tinymce/js/tinymce.min.js"></script>
    <script>
        tinymce.init({
            selector: '#mytextarea',
            language: 'zh_CN',
            height: 400,
            plugins: "image",
            toolbar: "image"
        });
    </script>
</body>

</html>